<template>
  <u-modal
    :show="show"
    title="隐私协议"
    :show-cancel-button="true"
    :show-confirm-button="true"
    confirm-text="同意"
    cancel-text="取消"
    confirm-color="#2C7CAD"
    @confirm="handleConfirm"
    @cancel="handleCancel"
  >
    <view class="privacy-content">
      <text class="privacy-text">
        感谢您使用该应用，我们非常重视隐私和个人信息保护。请您先认真阅读
        <text class="underline" @click="handlePrivacyClick(privacyOptions[0])"
          >《{{ privacyOptions[0].title }}》</text
        >
        和
        <text class="underline" @click="handlePrivacyClick(privacyOptions[1])"
          >《{{ privacyOptions[1].title }}》</text
        >
        的全部条款。帮助您了解本软件所提供的服务并确定我们对您个人信息的处理规则，同意接受以上两个法律文件并点击"同意"后，再开始使用我们的服务。在您使用的过程中，我们可能会对您的部分个人信息进行收集、使用、储存、保护和共享，我们会尽力保护您的个人信息安全。未经您的授权同意，我们不会向任何第三方共享您的个人信息。
      </text>
    </view>
  </u-modal>
</template>

<script>
  export default {
    name: 'PanelPrivacy',
    props: {
      modelValue: {
        type: Boolean,
        default: false,
      },
    },
    emits: ['update:modelValue', 'submit'],
    data() {
      return {
        privacyOptions: [
          {
            title: '软件许可及用户服务协议',
            url: encodeURIComponent('https://www.cloadapp.com/user-agreement'),
          },
          {
            title: '隐私保护政策',
            url: encodeURIComponent(
              'https://www.cloadapp.com/privacy-policy',
            ),
          },
          
        ],
      }
    },
    computed: {
      show: {
        get() {
          return this.modelValue
        },
        set(value) {
          this.$emit('update:modelValue', value)
        },
      },
    },
    watch: {
      modelValue: {
        handler(newVal) {
          this.show = newVal
        },
      },
    },
    methods: {
      handleConfirm() {
        this.$emit('submit')
        this.show = false
      },
      handleCancel() {
        // #ifdef APP-PLUS
        plus.runtime.quit()
        // #endif
        // #ifdef MP
        wx.exitMiniProgram && wx.exitMiniProgram()
        // #endif
        // H5下不做任何响应
      },

      handlePrivacyClick(item) {
        uni.$u.route({
          url: `/pages/webpage/index`,
          params: {
            url: item.url,
            title: item.title,
          },
        })
      },
    },
  }
</script>

<style lang="scss" scoped>
  .privacy-content {
    padding: 20rpx;
  }

  .privacy-text {
    font-size: 28rpx;
    line-height: 1.6;
    color: #333;
  }

  .underline {
    text-decoration: underline;
    color: #2c7cad;
  }
</style>
